body {
    font: 14px PingFangSC-Regular, sans-serif;
    background: #ecedee;
}
.container{
    width: 100%;
    background: #ecedee;
}

.content{
    min-height:1440px;
    text-align: center;
    width: 982px;
    margin:20px auto;
}

.content .recommend{
    width:980px;
    max-height:315px;
    background:rgba(255,255,255,1);
    box-shadow:0px 5px 10px 0px rgba(0,0,0,0.05);
    border-radius:3px;
    border:1px solid rgba(0,0,0,0.15);
}
    .tit{
        padding: 8px 10px;
        text-align: left;
        height:20px;
        font-size:14px;
        font-family:PingFangSC-Regular;
        color:rgba(74,74,74,1);
        line-height:20px;
        font-weight: 600;
        border-bottom: 1px solid #F0F0F1;
    }

    .rec-list{
        width: 100%;
        height: 67px;
        display: block;
        text-align: left;
        padding: 20px;
        border-bottom: 1px solid #F0F0F1;
    }
    .rec-list .class-item{
        width: 313px;
        height: 67px;
        display: block;
        float: left;
    }
        .rec-list .class-item p{
            height:18px;
            font-size:13px;
            font-family:PingFangSC-Regular;
            color:rgba(53,103,245,1);
            line-height:18px;
            font-weight: 600;
        }
            .ic{
                width:14px;
                height:14px;
                display: inline-block;
                margin-right: 9px;
                background-repeat: no-repeat;
                background-size: contain;
                background-position: center;
            }
            .ic-topic{
                background-image: url("");
            }
            .ic-guide{
                background-image: url("");
            }
            .ic-ash{
                background-image: url("");
            }
        .rec-list .class-item a{
            display: block;
            margin-top: 6px;
            height:18px;
            font-size:13px;
            font-family:PingFangSC-Regular;
            color:rgba(155,155,155,1);
            line-height:18px;
            overflow: hidden;
            word-break: break-all;
            text-overflow: ellipsis;
            padding-right: 20px;
        }
    .picker{
        text-align: left;
        padding: 20px;
    }
    .picker .title{
        height:18px;
        font-size:13px;
        font-family:PingFangSC-Regular;
        color:rgba(53,103,245,1);
        line-height:18px;
        font-weight: 600;
    }
    .picker a{
        display: block;
    }
    .picker .pick-title{
        margin-top: 5px;
        height:20px;
        font-size:14px;
        font-family:PingFangSC-Regular;
        color:rgba(30,30,30,1);
        line-height:20px;
        font-weight: 600;
    }
    .picker .desc{
        margin:5px 0;
        font-weight: 600;
    }
        .desc .author{
            height:17px;
            font-size:12px;
            font-family:PingFangSC-Regular;
            color:rgba(155,155,155,1);
            line-height:17px;
        }
        .desc .time{
            margin-left: 20px;
            height:17px;
            font-size:12px;
            font-family:PingFangSC-Regular;
            color:rgba(155,155,155,1);
            line-height:17px;
        }
        .cont{
            max-height:60px;
            font-size:13px;
            font-family:PingFangSC-Regular;
            color:#4A4A4A;
            line-height:20px;
            font-weight: 600;
            overflow: hidden;
        }


.content .information{
    width:980px;
    min-height:1053px;
    background:rgba(255,255,255,1);
    box-shadow:0px 5px 10px 0px rgba(0,0,0,0.05);
    border-radius:3px;
    border:1px solid rgba(0,0,0,0.15);
    margin-top: 12px;
}

.info-list{
    width: 100%;
    text-align: left;
}
.info-list .info-item{
    padding: 20px;
    border-bottom: 1px solid #F0F0F1;
    display: block;
}
    .info-list a{
        display: block;
    }
    .info-list .info-tit{
        margin-top: 5px;
        height:20px;
        font-size:14px;
        font-family:PingFangSC-Regular;
        color:rgba(30,30,30,1);
        line-height:20px;
        font-weight: 600;
    }
    .info-list .info-desc{
        margin:5px 0;
        font-weight: 600;
    }
    .info-list .info-author{
        height:17px;
        font-size:12px;
        font-family:PingFangSC-Regular;
        color:rgba(155,155,155,1);
        line-height:17px;
    }
    .info-list .info-time{
        margin-left: 20px;
        height:17px;
        font-size:12px;
        font-family:PingFangSC-Regular;
        color:rgba(155,155,155,1);
        line-height:17px;
    }
    .info-list .info-cont{
        font-size:13px;
        font-family:PingFangSC-Regular;
        color:#4A4A4A;
        line-height:20px;
        font-weight: 600;
    }

.last-item{
    height: 10px;
    text-align: center;
}
a:hover p,a:hover{
    text-decoration: underline;
}

 #topcontrol{
    right:400px;
    bottom: 10px;
  }
 #topcontrol a img{
    opacity: .5;
    filter:alpha(opacity=50);
  }
  #topcontrol a img:hover{
    opacity: 1;
    filter:alpha(opacity=100);
  }
@media only screen and (max-width: 1366px) {
  #topcontrol{
    right:100px;
    bottom: 10px;
  }
}
@media only screen and (max-width: 1024px) {
  #topcontrol{
    right:40px;
    bottom: 10px;
  }
}